#{extends 'main.html' /}
#{set title:'Myprofile' /}


<div class="series_tab">
<div class="series_title">My Profile</div>

<div class="series_follow">
	<img src="@{'/public/images/facebookShareIcon.png'}" width="14" height="14" border="0" style="vertical-align:middle;" />
	<a href="#"  onclick="FacebookInviteFriends();">Invite Your Friends!</a>
</div>

</div>
<div class="clear" style="height:20px"></div>

<div class="search-row">
	<div class="left-search" style="text-decoration: underline;">TV Series</div>	
	<div class="center-search" style="text-decoration: underline;">Rate</div>	
	<div class="right-search" style="text-decoration: underline;">#Followers</div>
	<div class="clear" style="height: 10px;"></div>
</div>

#{if serieList.size() == 0}
<div style="font-size:12px; font-family: verdana;">You don't follow any TV Series!</div>
#{/if}

#{list items:serieList, as:'serie'}
<div class="search-row">
<div class="left-search">
	<a href="/s/${serie.id}"><img src="${serie.poster}" width="15" height="15"></a> &nbsp; 
	<a href="/s/${serie.id}">${serie.name}</a></div>

<div class="center-search">${serie.avgRate}</div>              
<div class="right-search">${serie.numOfFollowers}</div>

</div>
#{/list}

<div class="clear" style="height: 10px;"></div>

<div class="series_menu">
<a href="/myprofile" class="series_menu_a">Topics</a> 
<a href="/myprofile/comments" class="series_menu_a">Comments</a> 
<a href="/myprofile/videos" class="series_menu_a_active">Videos</a> 
</div>

<div class="clear" style="height: 10px;"></div>

<div class="videos">
#{list items:videoList, as:'video'}
	<div class="video">
		<a href="/s/${video?.serie?.id}/video/${video?.id}">
			<img src="http://img.youtube.com/vi/${video?.address}/1.jpg" width="120" height="90" ><br />
			${video?.name}
		</a> 
	</div>
#{/list}

</div>
